<template>
	<div class="container-fluid">
		<div class="container-fluid left">
			<div class="list-group">
				<div class="list-group-item"><router-link to="/tabs/servies/pricing">Pricing Service</router-link></div>
				<div class="list-group-item"><router-link to="/tabs/servies/quotecreate">Quote Create Service</router-link></div>
				<div class="list-group-item"><router-link to="/tabs/servies/quotemodify">Quote Modify Service</router-link></div>
			</div>
		</div>
		<div class="container-fluid right">
			<router-view></router-view>
		</div>
	</div>
</template>
<script>

	export default{
		data(){
			return {

			}
		},
		methods:{

		},
		components:{

		}
	}
</script>
<style>
	div.left {
	    position:absolute;
	    margin-top: 4px;
	    margin-left: 1%;
	    width: 350px;
	    height:700px;
	    background-color: #f9f9f5;
	}

	div.right {
	    margin-top: 4px;
	    margin-left: 372px;
	    margin-right: 1%;
	    height:700px;
	    background-color: #f9f9f5;
	}
</style>
